* {
    padding: 0;
    margin: 0;
    list-style: none;
    text-decoration: none;
  }
  body{
    background-color: #fbfaf7;
  }
  html{
      font-size: 16px;
  }
  // 导航栏
  .box {
    height: 50px;
    background-color: #222;
    .container {
      padding: 0;
      // 导航栏
      .navbar-header {
        .navbar-brand {
          padding: 0 15px;
          display: flex;
          align-items: center;
        }
      }
      .navbar {
        border: none;
        margin-bottom: 0;
      }
      .navbar-wrapper {
        .navbar-brand {
          padding: 0 15px;
          > img {
            width: 130px;
          }
        }
      }
    }
  }





// ipad 端
  @media screen and (min-width: 768px) and (max-width: 991px) {
    html {
      font-size: 14px;
    }
    .box {
      height: 100%;
      .navbar-wrapper {
        .navbar {
          margin-bottom: 0;
        }
        // 语言
        #navbar {
          .dropdown {
            position: absolute;
            top: 0;
            right: 80px;
          }
        }
      }
    }
    

  }

        // 移动端 < 768px
        @media screen and (max-width: 767px) {
            html {
              font-size: 12px;
            }
            .box {
              height: 100%;
              .navbar-wrapper {
                .container {
                  .navbar {
                    margin-bottom: 0;
                  }
                  // 语言
                  #navbar {
                    position: absolute;
                    left: 0;
                    top: 50px;
                    background-color: #222;
                    width: 100vw;
                    .dropdown {
                    }
                  }
                }
              }
            }
            
        
          
        
          }